@charset 'UTF-8';
html {
    color: #000;
    background: #fff;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-spacing: 0; 
    border-collapse: collapse;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-weight: normal; 
    font-style: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    font-variant: normal; 

    border: 0;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;

    *font-size: 100%;
}

legend {
    color: #000;
}

iframe {
    display: block;
}

/* yui3 fonts */
body {
    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif !important;

    color: #333;
}

select,
input,
button,
textarea {
    font: 99% arial, helvetica, clean, sans-serif;
}

table {
    font: 100%; 
    font-size: inherit;
}

pre,
code,
kbd,
samp,
tt {
    font-family: monospace;
    line-height: 100%; 

    *font-size: 108%;
}

a {
    text-decoration: none;
}

/* utilities */
.ewb-center-block {
    display: block;

    margin-right: auto; 
    margin-left: auto;
}

.ewb-clearfix {
    *zoom: 1;
}

.ewb-clearfix:before,
.ewb-clearfix:after {
    line-height: 0;

    display: table;

    content: '';
}

.ewb-clearfix:after {
    clear: both;
}

.ewb-l {
    float: left !important;
}

.ewb-r {
    float: right !important;
}

.ewb-hidden {
    display: none !important;
}

.ewb-invisible {
    visibility: hidden !important;
}

/*! grid system 24栅格 998px */
.ewb-container {
    width: 998px;
    margin: 0 auto;
}

.ewb-row {
    overflow: hidden;
}

.ewb-ml10 {
    margin-left: 10px;
}

.ewb-mt10 {
    margin-top: 10px;
}

.span1 {
    width: 32px;
    float: left;
}

.span2 {
    width: 74px;
    float: left;
}

.span3 {
    width: 116px;
    float: left;
}

.span4 {
    float: right;
}

.span5 {
    width: 200px;
    float: left;
}

.span6 {
    width: 242px;
    float: left;
}

.span7 {
    width: 284px;
    float: left;
}

.span8 {
    width: 326px;
    float: left;
}

.span9 {
    width: 368px;
    float: left;
}

.span10 {
    width: 410px;
    float: left;
}

.span11 {
    width: 452px;
    float: left;
}

.span12 {
    width: 494px;
    float: left;
}

.span13 {
    float: left;
}

.span14 {
    width: 578px;
    float: left;
}

.span15 {
    width: 620px;
    float: left;
}

.span16 {
    width: 662px;
    float: left;
}

.span17 {
    width: 704px;
    float: left;
}

.span18 {
    width: 746px;
    float: left;
}

.span19 {
    width: 788px;
    float: left;
}

.span20 {
    width: 830px;
    float: left;
}

.span21 {
    width: 872px;
    float: left;
}

.span22 {
    width: 914px;
    float: left;
}

.span23 {
    width: 956px;
    float: left;
}

.span24 {
    width: 998px;
    float: left;
}

input,
button,
select {
    outline: none;
}

/* bg */
html {
    /* background:#D6E0F9; */
    background: #cfd7fe;
}
.ewb-bg {
    background: url(/assets/images/bg.jpg) center top no-repeat;
}

/* header */

.ewb-header {
    position: relative;
    background-color: #425dae;
}

.ewb-header-pos {
    position: relative;
}

.ewb-header img {
    vertical-align: top;
}

/* region 20190727 */
.ewb-logo {
    /* margin: 25px 39px 28px 0; */
    margin: 30px 0 30px 0;
}

.ewb-logo img{
    max-width:none;
}
/* endregion */

/* .ewb-header-title{
    margin: 40px 8px 0 11px;
} */

.ewb-header-img{
    float: left;
    /* 20190927 */
    margin-left: 78px;
}
.ewb-local>a{
    color: #fff;
}
.ewb-local{
    float: right;
    /* margin-top: 11px; */
    margin: 52px 0 52px 0;
    padding-left: 30px;
    line-height: 28px;
    /*font-size: 16px;*/
	font-weight:bold;
    color: #fff;
    background: url('../images/local_icon.png') no-repeat left center;
    cursor: pointer;
	margin-left:-50px;
}

.ewb-header-icon{
    margin: 51px 0 0 10px;
    float: left;
    font-size: 0;
}

.ewb-header-icon>a,
.ewb-header-icon>span{
    display: inline-block;
    margin-left: 24px;
}

.ewb-header-lang{
    position: relative;
    cursor: pointer;
}

.ewb-lang-box{
    position: absolute;
    z-index: 1000;
    padding-top: 20px;
    top: 16px;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    display: none;
}

.ewb-lang-box ul{
    padding: 5px 0 10px 0;
    background: #fff;
    border-radius: 5px;
}

.ewb-lang-box li{
    padding: 5px 10px 0;
}

.ewb-lang-box a{
    display: block;
    height: 26px;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
    font-size: 12px;
    color: #3fbcdd;
    border: 1px solid #3fbcdd;
    vertical-align: top;
}

.ewb-lang-box a:hover{
    color: #ff0b12;
}

/* 搜索框 */

.ewb-sea-box{
    display: none;
    position: absolute;
    top: 100%;
    z-index: 999;
    padding-right: 54px;
    height: 50px;
    left: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 1px 1px 3px #ddd;
    border: 1px solid #eee;
}

.sea-inp{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    outline: 0;
    color: #999;
    background-color: #fff;
    text-align: center;
    border: 0;
}

.sea-find{
    position: absolute;
    padding: 0;
    border: 0;
    outline: 0;
    right: 20px;
    width: 28px;
    height: 28px;
    top: 12px;
    cursor: pointer;
    background: url('../images/sea_ico.png') center no-repeat;
}

/* nav */
.ewb-nav {
    height: 50px;
    margin-top: 24px;
}
.ewb-nav li {
    line-height: 46px;
    float: left;
    width: 14.285714%;
    height: 50px;
    text-align: center;
    vertical-align: top;
}
.ewb-nav li a {
    font-size: 20px;
    font-weight: bold;

    display: inline-block;

    height: 46px;
    padding: 0 3px;

    color: #1c3e91;
}
.ewb-nav li a:hover {
    font-size: 22px;

    border-bottom: 4px solid #365dbd;
}
.ewb-nav li.first {
    width: 135px;
}

/* footer */

.ewb-footer {
    padding-bottom: 15px;
    border-bottom: 18px solid #4d6bc3;
}

.ewb-footer-con {
    float: left;
    padding: 18px 0 0 18px;
    /*width: 482px;*/
}

.ewb-footer-info {
    line-height: 24px;
    color: #2b4784;
}

.ewb-footer-info a {
    color: #2b4784;
}

.ewb-footer-code {
    float: left;
    margin: 51px 28px 0 0;
    width: 72px;
    height: 71px;
}

.ewb-footer-icon01 {
    float: left;
    margin: 61px 16px 0 44px;
    width: 44px;
    height: 52px;
}

.ewb-footer-icon01 a,
.ewb-footer-icon01 img {
    display: block;
    width: 44px;
    height: 52px;
}

.ewb-footer-icon02 {
    float: left;
    margin-top: 61px;
    width: 56px;
    height: 46px;
}

.ewb-footer-icon02 a,
.ewb-footer-icon02 img {
    display: block;
    width: 56px;
    height: 46px;
}


/* 侧图标 */
.ewb-side-iconleft {
    position: fixed;
    top: 325px;
    right: 50%;

    width: 80px; 
    margin-right: 548px;
}
.ewb-side-icon {
    position: fixed;
    top: 40%;
    left: 50%;

    width: 72px; 
    margin-left: 548px;
}
.ewb-side-icon li {
    width: 72px;
    height: 66px;
    margin-top: 13px;

    vertical-align: top;

    background: url(../images/side-shadow.png) left bottom no-repeat;
}
.ewb-side-icon li.mt0 {
    margin-top: 0;
}
.ewb-side-icon li a {
    display: block;

    width: 58px;
    height: 58px;
    margin: 0 auto;
}
.ewb-side-icon li a span {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;

    display: none;

    height: 36px;
    padding: 11px 0;

    cursor: pointer; 
    text-align: center;

    color: #fff;
}
.ewb-side-icon li a:hover span {
    display: block;
}

.ewb-si1 {
    background: url(../images/ewb-si1.png);
}
.ewb-si1:hover {
    background: url(../images/ewb-si11.png);
}

.ewb-si2 {
    background: url(../images/ewb-si2.png);
}
.ewb-si2:hover {
    background: url(../images/ewb-si22.png);
}

.ewb-si3 {
    background: url(../images/ewb-si3.png);
}
.ewb-si3:hover {
    background: url(../images/ewb-si33.png);
}


.ewb-si4 {
    background: url(../images/ewb-si4.png);
}
.ewb-si4:hover {
    background: url(../images/ewb-si44.png);
}

img {
    /* Responsive images (ensure images don't scale beyond their parents) */
    max-width: 100%;
    /* Part 1: Set a maxium relative to the parent */
    width: auto\9;
    /* IE7-8 need help adjusting responsive images */
    height: auto;
    /* Part 2: Scale the height according to the width, otherwise you get stretching */
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

input::-ms-clear{display: none;}input::-ms-reveal{display: none;}